﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <a name="h"></a>
    <script type="text/javascript">
        $(document).ready(function () {
            $('a[href*=#]').click(function () {
                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                    var $target = $(this.hash);
                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                    if ($target.length) {
                        var targetOffset = $target.offset().top;
                        $('html,body').animate({ scrollTop: targetOffset }, 1000);
                        return false;
                    }
                }
            });
        });
    </script>
    <h2>
        <%: ViewData["Message"] %></h2>
    <p>
        To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">
            http://asp.net/mvc</a>.
    </p>
    <p>
        To view my demo please click <a href="Dinners/" title="Demo">Dinner Demo</a>.
    </p>
    <p>
        <a href="#t">go to bottom</a>
    </p>
    <div style="height: 1600px; overflow: visible; vertical-align: bottom">
        get there</div>
    <a name="t" href="#h">to top</a>
    <p>
        hi there!!</p>
    <div id="poem">
        <h3>
            云为素食</h3>
        <p>
            京城有同窗，相约素食阁。</p>
        <p>
            听者犹未尽，言者语已多。</p>
        <p>
            满座皆友朋，畅谈何民科。</p>
        <p>
            禅中寄小语，慎言且柔和。</p>
    </div>
</asp:Content>
